<template>
  <div class="common-layout">
    <el-container class="el-container">
      <el-header class="header"><Header/></el-header>
      <el-container class="foot">
        <el-main style="background: #c9c4c4; position:relative; display: flex;flex-direction: column">
          <UpLoad/>
          <el-button type="primary" @click="upload" style="width: 200px; position: absolute; right: 20px; bottom: 10px">提交</el-button>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import Header from "../../components/Sixth/Header.vue";
import UpLoad from "../../components/Sixth/UpLoad.vue"
import {ElMessage} from "element-plus";
import router from "../../router";
export default {
  name:'VerifyView',
  components:{
    Header,
    UpLoad
  },
  setup(){
    function upload(){
      ElMessage({
        message:"提交成功",
        type:'success'
      });
      router.replace({name:'AlertView'});
    }
    return {upload};
  }
}
</script>
<style scoped>
/*设置整个页面样式*/
html, body{
  height: 100%;
}
/*设置顶栏样式*/
.el-container{
  gap: 10px;
  height: 100%;
  background: white;
}
.header{
  display: contents;
  background: #eeeeee;
}
/*设置主体样式*/
.foot{
  display: flex;
  flex-direction: column;
  width: 100%;
}

</style>